﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>User Web Test Local</title>
    <style type="text/css">
        .hid {
            visibility: hidden;
        }
        .none {
            display: none;
        }
        body {
            margin: 20px 20px;
            padding: 0px;
            text-align: center;
        }
        #outer {
            max-width: 900px;
            margin: 0px auto;
            text-align: left;
            padding: 15px;
            border: 1px dashed #333;
            background-color: #eee;
        }
        .rightFloat {
            float: right;
            margin: 0 0 0 10px;
            padding: 10px;
            border: solid 1px #888;
            max-width: 200px;
        }
        .rightFloat * {
            float: left;
        }
        .nav {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        .nav li {
            display: table-cell;
            padding: 0 30px 0 0;
            margin: 0;
        }
        .scripts {
            padding: 0 10px;
            vertical-align: top;
        }
        .scripts ul {
            margin: 0;
        }
        .scripts a {
            white-space: nowrap;
            font-family: Corbel, URW Gothic L, Ubuntu Light, DejaVu Sans, Courier New, Arial;
        }
    </style>
</head>
<body>
    <div id="outer">
        <ul class="nav">
            <li><a href="TestLive.htm">TestLive</a> </li>
            <li>
                <h1>
                    <a href="TestLocal.htm">TestLocal</a></h1>
            </li>
            <li><a href="about:blank">blank</a></li>
            <li><a href="http://m.bbc.co.uk/news">BBC News</a></li>
        </ul>
        <!-- iframe src="TestFrame.htm"></iframe -->
        <div class="main-c" id="main">
            <div class="art-c" id="art">
                <div>
                    <div class="rightFloat">
                        <img src="Styles/images/sample.png" alt="An image, yesterday" />
                        <span>A caption, yesterday</span>
                        <span>A sub caption</span>
                    </div>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo, felis vitae
                        malesuada lobortis, metus massa condimentum nisi, at faucibus dolor sem et metus.
                        Aenean malesuada porttitor laoreet. Quisque eu consectetur sapien. Ut rutrum odio
                        mauris, sed blandit justo. Nullam libero ante, lobortis sodales dictum non, ultricies
                        ut massa. Praesent dignissim scelerisque tellus, et lobortis turpis viverra quis.
                        Donec nisl risus, sollicitudin id imperdiet eu, ornare sed mauris. Mauris non euismod
                        nibh. Sed neque justo, molestie nec condimentum a, semper non arcu.
                    </p>
                    <div class="rightFloat">
                        Some side content 2. Aenean magna ligula, consequat sed faucibus et, sollicitudin
                        et sapien.
                    </div>
                    <p>
                        Sed convallis, est ut egestas malesuada, leo justo pretium purus, vel lacinia velit
                        turpis vel eros. Nunc a dignissim est. Pellentesque habitant morbi tristique senectus
                        et netus et malesuada fames ac turpis egestas. Curabitur ligula lorem, aliquam id
                        auctor vitae, hendrerit ornare dolor. Praesent iaculis nunc a mauris sagittis sit
                        amet sagittis tellus sollicitudin. Vestibulum nec arcu ut elit lacinia pulvinar.
                        Vivamus lobortis placerat lorem suscipit pellentesque. Integer gravida bibendum
                        lorem sit amet tincidunt. Suspendisse potenti ornare sed mauris.
                    </p>
                    <table>
                        <tbody>
                            <tr>
                                <td>
                                    <input type="text" value="Lorem ipsum" id="txt1" />
                                </td>
                                <td rowspan="3">
                                    <textarea id="txta" rows="3" cols="50" style="height: 67px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo, felis vitae malesuada lobortis, metus massa condimentum nisi, at faucibus dolor sem et metus.</textarea>
                                </td>
                                <td rowspan="4" class="scripts">
                                    <ul>
										<li><a href="Settings">Settings</a></li>
                                        <li><a href="Scripts/firefox-new-tab/firefox-new-tab.user.js">firefox-new-tab</a></li>
                                        <li><a href="Scripts/google-calendar/google-calendar.user.js">google-calendar</a></li>
                                        <li><a href="Scripts/google-tasks-backup/google-tasks-backup.user.js">google-tasks-backup</a></li>
                                        <li><a href="Scripts/js-studio/js-studio.user.js">js-studio</a></li>
                                        <li><a href="Scripts/outlook-auto/outlook-auto.user.js">outlook-auto</a></li>
                                        <li><a href="Scripts/pocket-add-redirect/pocket-add-redirect.user.js">pocket-add-redirect</a></li>
                                        <li><a href="Scripts/user-web/user-web.user.js">user-web</a></li>
                                    </ul>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" value="Consectetur adipiscing " id="txt2" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" value="Consectetur adipiscing " id="Text1" />
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <p>
                                        Phasellus ac justo quam. Suspendisse congue ultrices venenatis. Etiam in mauris
                                        ipsum. Sed convallis scelerisque lectus, vel venenatis velit posuere nec. Nunc accumsan
                                        luctus pretium. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
                                        posuere cubilia Curae; Aliquam erat volutpat. Duis tincidunt venenatis ante sodales
                                        posuere. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
                                        ridiculus mus.</p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <p>
                        Phasellus ac justo quam. Suspendisse congue ultrices venenatis. Etiam in mauris
                        ipsum. Sed convallis scelerisque lectus, vel venenatis velit posuere nec. Nunc accumsan
                        luctus pretium. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
                        posuere cubilia Curae; Aliquam erat volutpat. Duis tincidunt venenatis ante sodales
                        posuere. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
                        ridiculus mus.
                    </p>
                    <p>
                        Donec nibh est, lobortis in viverra vel, laoreet nec est. Donec dictum dapibus eros,
                        sit amet ultricies magna dignissim sit amet. Fusce cursus blandit orci vel tincidunt.
                        Donec accumsan nisi ligula, at varius mi. Pellentesque mauris ante, placerat et
                        lobortis ut, malesuada sit amet ligula. Aliquam posuere ornare justo sed rhoncus.
                        Duis mattis eros vel risus fringilla ut ultricies nulla tempor. Nam hendrerit tristique
                        arcu, consectetur elementum est vehicula non. Etiam blandit, erat semper elementum
                        sollicitudin, elit nulla mollis tellus, a varius elit nibh non sem. Aliquam erat
                        volutpat. Aenean magna ligula, consequat sed faucibus et, sollicitudin et sapien.
                        Phasellus velit risus, dapibus nec pretium eget, adipiscing porttitor tortor. Etiam
                        consectetur convallis massa, non venenatis velit fringilla id.
                    </p>
                </div>
                <div class="class-name" id="innerArt1">
                    <p class="somesharething">
                        <a href="TestLocal.htm">Share class 1</a>. Lorem ipsum dolor sit amet, consectetur
                        adipiscing elit.
                    </p>
                    <p id="somesharething">
                        Share id 2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    </p>
                    <p id="sometools">
                        Tools id - Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                    </p>
                    <p id="p2">
                        Reload <a href="TestLive.htm">this page</a>. Lorem ipsum dolor sit amet, consectetur
                        adipiscing elit.
                    </p>
                </div>
                <!--<iframe src="Home.htm"></iframe>-->
                <div class="hid">
                    HIDDEN</div>
                <div class="none">
                    NONE</div>
            </div>
        </div>
        <div>
            footer dsddfs dfsaf sf fdsfsdfadsafd
        </div>
    </div>

    <!--<script type="text/javascript" src="Scripts/jquery/jquery-2.1.0.min.js"></script>

    <script type="text/javascript" src="Scripts/jquery/jquery.cookie.js"></script>

    <script type="text/javascript" src="Scripts/user-web/user-web.user.js"></script>-->

</body>
</html>
